page-policy-filter {

    .text-input-ios {
        margin: 0;
        width: 36vw;
        height: 7.4vw;
        text-align: center;
        display: block;
    }
    .content-body {

        .zx-name {
            clear: both;
            margin-top: 5.55vw;

            .zx-name-title {
                padding-bottom: 2.78vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;
                border-bottom: 1px solid #e9e9e9;

                span {
                    color: #1f2029;
                    font-size: 5vw;
                }

                .expand-icon {
                    display: block;
                    height: 4.6vw;
                    width: 4.6vw;
                    background-size: cover;
                    float: right;
                    margin-top: 1vw;
                    //margin-left: 2.2vw;
                    background-image: url('../assets/images/policy/arrow-up.png');
                }

                .close-icon {
                    display: block;
                    height: 4.6vw;
                    width: 4.6vw;
                    background-size: cover;
                    float: right;
                    margin-top: 1vw;
                    //margin-left: 2.2vw;
                    background-image: url('../assets/images/policy/arrow-d.png');
                }
            }

            .zx-name-content {

                .zx-name-item {
                    margin-top: 4.17vw;
                    margin-left: 5.55vw;
                    margin-right: 5.55vw;

                    .zx-name-item-l {
                        color:#666;
                        font-size: 4.17vw;
                        display: block;
                        float: left;
                        width: 41.67vw;
                        height: 7.4vw;
                        line-height: 7.4vw;
                        background-color: #f5f5f5;
                        border: none;
                        border-radius: 1vw;
                        margin-right: 5.55vw;
                        text-align: center;
                        margin-bottom: 4.17vw;
                    }

                    .zx-name-item-l-active {
                        color:#fff;
                        font-size: 4.17vw;
                        display: block;
                        float: left;
                        width: 41.67vw;
                        height: 7.4vw;
                        line-height: 7.4vw;
                        background-color: #35ac63;
                        border: none;
                        border-radius: 1vw;
                        margin-right: 5.55vw;
                        text-align: center;
                        margin-bottom: 4.17vw;
                    }

                    .zx-name-item-r {
                        color:#666;
                        font-size: 4.17vw;
                        display: block;
                        float: right;
                        width: 41.67vw;
                        height: 7.4vw;
                        line-height: 7.4vw;
                        background-color: #f5f5f5;
                        border: none;
                        border-radius: 1vw;
                        text-align: center;
                        margin-bottom: 4.17vw;
                    }

                    .zx-name-item-r-active {
                        color:#fff;
                        font-size: 4.17vw;
                        display: block;
                        float: right;
                        width: 41.67vw;
                        height: 7.4vw;
                        line-height: 7.4vw;
                        background-color: #35ac63;
                        border: none;
                        border-radius: 1vw;
                        text-align: center;
                        margin-bottom: 4.17vw;
                    }
                }
            }
        }

        .date-range {
            clear: both;
            margin-top: 5.55vw;
            position: relative;

            .date-range-title {
                padding-bottom: 2.78vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;
                border-bottom: 1px solid #e9e9e9;

                span {
                    color: #1f2029;
                    font-size: 5vw;
                }
            }

            .date-range-input {
                margin-top: 4.17vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;

                .date-range-input-l {
                    display: block;
                    float: left;
                    margin-bottom: 4.17vw;
                }

                .date-range-input-line {
                    display: block;
                    float: left;
                    width: 2.78vw;
                    height: 3.7vw;
                    margin-left: 1.5vw;
                    border-bottom: 1px solid #999899;

                }

                .date-range-input-r {
                    display: block;
                    float: left;
                    margin-bottom: 4.17vw;
                }

                .date-normal {
                    width: 41.67vw;
                    height: 7.4vw;
                    line-height: 7.4vw;
                    text-align: center;
                    border: 1px solid #ddd;
                    border-radius: 1vw;
                    padding: 0;

                    .item-cover {
                        width: 41.67vw;
                        height: 7.4vw;
                    }

                    .datetime-text {
                        line-height: 7.4vw;
                    }
                }

                .date-error {
                    width: 41.67vw;
                    height: 7.4vw;
                    line-height: 7.4vw;
                    text-align: center;
                    border: 1px solid #da5c56;
                    border-radius: 1vw;
                    padding: 0;
                    color: #da5c56;

                    .item-cover {
                        width: 41.67vw;
                        height: 7.4vw;
                    }

                    .datetime-text {
                        line-height: 7.4vw;
                    }
                }
            }

            .date-range-input-s {
                margin-top: 4.17vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;

                .date-range-input-l {
                    display: block;
                    float: left;
                    margin-bottom: 4.17vw;

                    span {
                        color: #999899;
                        margin-left: 2vw;
                    }
                }

                .date-range-input-line {
                    display: block;
                    float: left;
                    width: 2.78vw;
                    height: 3.7vw;
                    margin-left: 1.5vw;
                    border-bottom: 1px solid #999899;
                }
                .moneyLine{
                    margin-left:3.5vw;
                }
                .date-range-input-r {
                    display: block;
                    float: right;
                    margin-bottom: 4.17vw;

                    span {
                        color: #999899;
                        margin-left: 2vw;
                    }
                }

                //input {
                //    width: 36vw;
                //    height: 7.4vw;
                //    line-height: 7.4vw;
                //    text-align: center;
                //    border: 1px solid #ddd;
                //    border-radius: 1vw;
                //}

                ion-input {
                    height: 7.4vw;
                    width: 34vw;
                    line-height: 7.4vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 1vw;
                }
                input {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    box-shadow: none !important;
                    cursor: n-resize;
                    position: relative;
                    z-index: 20;
                    padding: 1vw;
                }

                .input-normal {
                    border: 1px solid #ddd;
                }

                .input-error {
                    border: 1px solid #da5c56;
                    color: #da5c56;
                }

                ion-datetime {
                    width: 41.67vw;
                    height: 7.4vw;
                    line-height: 7.4vw;
                    text-align: center;
                    border: 1px solid #ddd;
                    border-radius: 1vw;
                    padding: 0;

                    .item-cover {
                        width: 41.67vw;
                        height: 7.4vw;
                    }

                    .datetime-text {
                        line-height: 7.4vw;
                    }
                }
            }
        }

        .self-search {

            clear: both;
            margin-top: 5.55vw;
            margin-bottom: 23.61vw;
            position: relative;

            .self-search-title {
                padding-bottom: 2.78vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;
                border-bottom: 1px solid #e9e9e9;

                span {
                    color: #1f2029;
                    font-size: 5vw;
                }
            }

            .self-search-content {
                margin-top: 4.17vw;
                margin-left: 5.55vw;
                margin-right: 5.55vw;

                .search-key-wrapper {

                    ion-input {
                        height: 7.6vw;
                        //margin: 0;
                        //padding: 0;
                        padding-left: 2vw;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 1vw;
                        border: 1px solid #ddd;
                        //background-color: #fcfcfc;
                    }
                    input {
                        display: inline-block;
                        width: 100%;
                        text-align: left;
                        box-shadow: none !important;
                        cursor: n-resize;
                        position: relative;
                        z-index: 20;
                        padding: 5px 5vw 5px 1vw;
                    }
                }
            }
        }
    }

    ion-footer {
        height: 12.5vw;

        .footer-cancel {
            height: 12.5vw;
            width: 50vw;
            float: left;
            background-color: #ce5a53;
            font-size: 5vw;
            color: #fff;
        }

        .footer-ok {
            height: 12.5vw;
            width: 50vw;
            float: right;
            background-color: #35ac63;
            font-size: 5vw;
            color: #fff;
        }

        .footer-ok-disabled {
            height: 12.5vw;
            width: 50vw;
            float: right;
            background-color: #b7b7b7;
            font-size: 5vw;
            color: #fff;
        }
    }
}
